<template>
    <div class="content">
        <input type="text" placeholder="请输入城市名或拼音"/>
    </div>
</template>
<script>
export default {
    name:"CitySearch"
}
</script>
<style lang="scss" scoped>
  .content{
      position: fixed;
      top: 89px;
      width:100%;
      height: 80px;
      z-index: 100;
      background-color: #00bcd4;
      display: flex;
      align-items: center;
      justify-content: center;
      input{
          width:92%;
          height:60px;
          border-radius:20px;
          border:none;
          outline: none;
          font-size: 18px;
      }
  }

</style>

